{% load staticfiles %}
{% load treemenu_tags %}
<div id="navbar" class="navbar navbar-default">
    <script type="text/javascript">
        try{ace.settings.check('navbar' , 'fixed')}catch(e){}
    </script>

    <div class="navbar-container" id="navbar-container">
        <!-- #section:basics/sidebar.mobile.toggle -->
        <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
            <span class="sr-only">Toggle sidebar</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <!-- /section:basics/sidebar.mobile.toggle -->
        <div class="navbar-header pull-left">
            <!-- #section:basics/navbar.layout.brand -->
            <a href="#" class="navbar-brand">
                <small>
                    <i class="fa fa-line-chart"></i>
                    OPPO 数据中心
                </small>
            </a>
            <!-- /section:basics/navbar.layout.brand -->
            <!-- #section:basics/navbar.toggle -->
            <!-- /section:basics/navbar.toggle -->
        </div>
        <!-- #section:basics/navbar.dropdown -->
        <div class="navbar-buttons navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">
                <!-- #section:basics/navbar.user_menu -->
                <li class="light-blue">
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                        <img class="nav-user-photo" src="{% static "avatars/user.jpg" %}" alt="Jason's Photo" />
                        <span class="user-info">
                            <small>Welcome,</small>
                            {{ user.username  }}
                        </span>
                        <i class="ace-icon fa fa-caret-down"></i>
                    </a>
                    <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <li>
                            <a href="#">
                                <i class="ace-icon fa fa-cog"></i>
                                Settings
                            </a>
                        </li>
                        <li>
                            <a href="profile.html">
                                <i class="ace-icon fa fa-user"></i>
                                Profile
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <i class="ace-icon fa fa-power-off"></i>
                                Logout
                            </a>
                        </li>
                    </ul>
                </li>
                <!-- /section:basics/navbar.user_menu -->
            </ul>
        </div>
        <!-- /section:basics/navbar.dropdown -->
        <nav role="navigation" class="navbar-menu pull-left collapse navbar-collapse">
        	<!-- #section:basics/navbar.nav -->
        	<ul class="nav navbar-nav">
                {% for child in root_menuitem.children %}
                    {% show_top_menuitem child.pk %}
                {% endfor %}
        	</ul>
        	<!-- /section:basics/navbar.nav -->
        	<!-- #section:basics/navbar.form -->
        	<form class="navbar-form navbar-left form-search" role="search">
        		<div class="form-group">
        			<input type="text" placeholder="search" />
        		</div>
        
        		<button type="button" class="btn btn-mini btn-info2">
        			<i class="ace-icon fa fa-search icon-only bigger-110"></i>
        		</button>
        	</form>
        
        	<!-- /section:basics/navbar.form -->
        </nav>
    </div><!-- /.navbar-container -->
</div>
